@charset "utf-8";
/* CSS Document 
 */

/* 焦点图 */

.eye{ width:794px; height:329px; overflow:hidden; position:relative; }
.eye_img{ position:absolute; top:0; height:329px; width:9800px; }
.eye_img li{ float:left; }
.eye_img li a{ display:block; width:794px; height:329px; overflow:hidden; }
.eye_img li img{ display:block; width:794px; height:329px; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; }
.eye:hover .eye_img li img{ /*-webkit-transform:scale(1.1); */-moz-transform:scale(1.1); transform:scale(1.1); }
a.eye_lbtn, a.eye_rbtn{ display:block; width:25px; height:40px; background:url(../images/arrows.png) no-repeat; position:absolute; top:130px; z-index: 2; overflow:hidden; }
a.eye_lbtn{ background-position:0 0; position:absolute; left:14px; right:auto; }
a.eye_rbtn{ background-position:-32px 0; position:absolute; right:14px; left:auto; }
a.eye_lbtn:hover{ background-position:-64px 0; }
a.eye_rbtn:hover{ background-position:-96px 0; }
.eye_tit{ position:absolute; left:0; bottom:0; overflow:hidden; zoom:1; width:100%; height:254px; background:url(../images/bigimg_bg.png) repeat-x left bottom; }
.eye_tit a{ display:block; height:254px; font-size:24px; font-weight:bold; color:#fff; overflow:hidden; }
.eye_tit a span{ display:block; height:32px; line-height:32px; overflow:hidden; width:80%; padding-left:24px; margin-top:202px; }
.eye_pag{ position:absolute; right:16px; bottom:30px; height:8px; overflow:hidden; }
.eye_pag li{ width:8px; height:8px; float:left; overflow:hidden; margin:0 4px; cursor:pointer; display:inline; background:#e2e2e2; border-radius:8px; }
.eye_pag li.current{ background:transparent; width:4px; height:4px; border:2px solid #00a2ff; }
.sjbz-wrap .eye,.sjbz-wrap .eye_img li img{ width:330px; height:488px; }
.sjbz-wrap .eye:hover .eye_img li img{ /*-webkit-transform:scale(1.08);*/ -moz-transform:scale(1.08); transform:scale(1.08); }
.sjbz-wrap .eye_img{ height:488px; }
.sjbz-wrap .eye_img li a{ display:block; width:330px; height:488px; overflow:hidden; }
.sjbz-wrap .eye_tit a{ position:absolute; left:0; right:0; bottom:16px; width:92%; padding:0 4%; font-size:17px; text-align:center; overflow:hidden; }
.sjbz-wrap .eye_tit a span{ margin-top:223px; }
.sjbz-wrap .eye_pag{ position:absolute; left:0; right:0; bottom:53px; text-align:center; height:10px; overflow:hidden; line-height:0; font-size:0; }
.sjbz-wrap .eye_pag li{ float:none; width:10px; height:10px; overflow:hidden; margin:0 6px; cursor:pointer; display:inline-block; *display:inline; *zoom:1; background:#e2e2e2; border-radius:8px; }
.sjbz-wrap .eye_pag li.current{ background:transparent; width:6px; height:6px; border:2px solid #00a2ff; }


.wrapbox{ margin-top:18px; padding-bottom:6px; }
.wrap-left{ float:left; width:794px; overflow:hidden; }
.wrap-jingxuan{ margin-top:18px; }
.wrap-jingxuan .colphoto li{ height:281px; overflow:hidden; }
.wbody{ width:794px; height:590px; padding-top:2px; overflow:hidden; position:relative; }
.wlist{ width:102%; overflow:hidden;}
#btnRefresh{ border:1px solid #d4d4d4; padding:0 9px 0 28px; line-height:24px; border-radius:24px; font-size:12px; color:#666; position:relative; }
#btnRefresh i{ background:url(../images/easyicos.png) no-repeat 0 -226px; position:absolute; left:9px; top:7px; display:block; width:14px; height:11px; overflow:hidden; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; transition:.3s ease-in-out; }
#btnRefresh:hover i{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); }

.wrap-right{ float:right; width:390px; }
.topnews{ width:388px; height:651px; border:1px solid #e2e2e2; margin-top:17px; }
.topnews .newstit{ margin-left:10px; float:left; height:24px; line-height:24px; font-size:16px; font-weight:bold; background:#fff; margin-top:-12px; padding:0 9px 0 32px; position:relative; }
.topnews .newstit i{ position:absolute; left:2px; top:0; background:url(../images/easyicos.png) no-repeat 0 -148px; display:block; width:22px; height:22px; overflow:hidden; }
.topnews .newstit strong{ color:#00a2ff; }
.topnews ul{ padding:12px 10px 0; width:368px; overflow:hidden; }
.topnews ul li{ width:356px; height:38px; line-height:38px; padding:0 10px 0 0; margin-top:1px; border:1px solid #fff; overflow:hidden; position:relative; }
.topnews ul li a{ background:url(../images/block.gif) no-repeat 10px 17px; display:inline-block; padding-left:23px; max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topnews ul li .time{ color:#999; padding-left:12px; }
.topnews ul li:hover{ background:url(../images/dotbg.gif) repeat 0 0; border:1px solid #00a2ff; }

.wrap-guanggao{ margin-top:14px; width:390px; overflow:hidden; }
.wrap-guanggao img{ display:block; }
.wrap-lables{ width:390px; margin-top:18px; overflow:hidden; }
.more{ background:url(../images/easyicos.png) no-repeat 33px -176px; display:block; color:#666; height:19px; line-height:20px; margin-top:11px; padding-right:24px; }
.more:hover{ background-position:33px -199px; }
.wrap-hd{ height:26px; line-height:26px; }
.wrap-hd h3{ float:left; font-size:19px; font-weight:bold; height:22px; line-height:22px; border-left:5px solid #00a2ff; padding-left:10px; margin-top:2px; }
.wrap-hd .more{ margin-top:4px; }
.wrap-lables .lables a{ float:left; width:76px; height:38px; line-height:38px; text-align:center; color:#fff; margin:3px 0 0 3px; }
.wrap-lables .lables{ width:394px; margin-left:-3px; margin-top:14px; }
.wrap-lables .lables .lable1{ width:74px; background:#f77467; }
.wrap-lables .lables .lable1:hover{ background:#f95849; }
.wrap-lables .lables .lable2,.wrap-lables .lables .lable9,.wrap-lables .lables .lable11{ background:#779cf1; }
.wrap-lables .lables .lable2:hover,.wrap-lables .lables .lable9:hover,.wrap-lables .lables .lable11:hover{ background:#5a87ef; }
.wrap-lables .lables .lable3,.wrap-lables .lables .lable10{ background:#f39cc2; }
.wrap-lables .lables .lable3:hover,.wrap-lables .lables .lable10:hover{ background:#f57fb2; }
.wrap-lables .lables .lable4{ background:#aa9881; }
.wrap-lables .lables .lable4:hover{ background:#9d8463; }
.wrap-lables .lables .lable5{ background:#e9b858; }
.wrap-lables .lables .lable5:hover{ background:#dca12c; }
.wrap-lables .lables .lable6{ width:74px; height:79px; line-height:79px; background:#aa9881; }
.wrap-lables .lables .lable6:hover{ background:#9e896c; }
.wrap-lables .lables .lable7{ width:155px; background:#45c0e5; }
.wrap-lables .lables .lable7:hover{ background:#25acd5; }
.wrap-lables .lables .lable8{ background:#81b06d; }
.wrap-lables .lables .lable8:hover{ background:#699955; }
.wrap-lables .lables .lable12{ width:155px; background:#e9b858; }
.wrap-lables .lables .lable12:hover{ background:#dda840; }

.module-div{ width:1200px; margin-top:14px; overflow:hidden; }
.module-hd{ height:44px; line-height:40px; padding-left:405px; width:795px; border-bottom:2px solid #00a2ff; position:relative; overflow:hidden; }
.module-hd h3{ position:absolute; left:0; top:0; line-height:40px; font-size:22px; font-weight:bold; }
.hotlink{color:#565656;float:left;width:700px;overflow:hidden;height: 40px;}
.hotlink a{ color:#00a2ff; margin:0 10px 0 2px; }
.hotlink a:hover{ color:#fa8405; }
.module-bd{ padding-top:1px; }
.module-left{ float:left; width:808px; }
.module-rank{ float:right; width:390px; padding-top:12px; overflow:hidden; }
.module-rank .wrap-hd{ margin-bottom:7px; }
.area-tab{ margin-top:2px; float:right; }
.area-tab li{ float:left; color:#666; padding:0 9px; line-height:20px; border:1px solid #ccc; margin-left:-1px; position:relative; cursor:pointer; }
.area-tab li.on{ background:#00a2ff; color:#fff; border-color:#00a2ff; }
.area-con{ height:356px; overflow:hidden; }
.area-con li{ height:36px; line-height:36px; padding-left:36px; overflow:hidden; position:relative; }
.area-con li em{ position:absolute; left:0; top:8px; display:block; padding-right:3px; width:24px; height:20px; line-height:21px; font-size:16px; color:#565656; text-align:center; }
.area-con li em.top{ background:url(../images/icosprit.png) no-repeat 0 -170px; color:#fff; }
.area-con li .num{ color:#999; padding:0 2px 0 0; }
.area-con li a{ display:inline-block; max-width:290px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.area-con li a:hover{ text-decoration:underline; }
.zt-scroll{ position:relative; padding-top:14px; padding-bottom:5px; width:1200px; overflow:hidden; }
.zt-scroll .pre_next a{ width:29px; height:56px; display:block; background:url(../images/arrows.png) no-repeat; overflow:hidden; z-index:99; }
.zt-scroll .pre_next a.prev{ background-position:-29px -50px; position:absolute; left:0; top:51px; }
.zt-scroll .pre_next a.prev:hover{ background-position:-99px -50px; }
.zt-scroll .pre_next a.next{ background-position:0 -50px; position:absolute; right:0; top:51px; }
.zt-scroll .pre_next a.next:hover{ background-position:-70px -50px; }
.scrollable{ width:1200px; overflow:hidden; }
.scrollable .items{ width:30000px; }
.zt-scroll .item{ float:left; position:relative;}
.zt-scroll .item a{ float:left; width:390px; height:129px; margin-right:15px; overflow:hidden; position:relative; }
.zt-scroll .item a img{ display:block; width:390px; height:129px; overflow:hidden; } 
.zt-scroll .item a .name{ bottom:-32px; color:#fff; height:32px; line-height:32px; position:absolute; text-align:center; width:90%; padding:0 5%; overflow:hidden; -moz-transition: bottom 0.3s ease 0s; -webkit-transition: bottom 0.3s ease 0s; transition: bottom 0.3s ease 0s; z-index:2; }
.zt-scroll .item a .name{ background:url(../images/cover.png) repeat; background:rgba(0,0,0,.5); }
.zt-scroll .item a:hover .name{ bottom:0; }

.browsing{ width:1200px; overflow:hidden; }
.browsing-hd{ height:18px; border-bottom:4px solid #eee; margin-top:2px; }
.browsing-hd h3{ float:left; font-size:22px; font-weight:bold; line-height:40px; background:#fff; padding-right:15px; }
.browsing-hd .more-div{ background:#fff; padding-left:15px; }
.browsing-bd{ padding-top:22px; }
.piclist{ width:1200px; }
.hd{ height:44px; line-height:40px; padding-left:490px; width:710px; border-bottom:1px solid #eee; position:relative; }
.hd h3{ position:absolute; left:0; top:0; line-height:40px; height:42px; font-size:22px; font-weight:bold; border-bottom:3px solid #00a2ff; }
.hd h3.guanyu{ font-size:20px; }
.hd h3.guanyu strong{ color:#ff0000; }
.hd .fontip{ color:#666; }
.hd .fontip em{ color:#ff0000; }
.hd .hotlink{overflow:hidden;height: 40px;}
.demo-bd{ width:1225px; }
.piclist ul{ width:103%; padding-bottom:30px; }
.piclist li{ float:left; border:1px solid #d5d5d5; width:218px; margin-right:25px; margin-top:18px; padding-bottom:11px; overflow:hidden; }
.piclist .listbox{ padding:15px 15px 0; width:188px; text-align:center; line-height:30px; }
.piclist .listbox a{ display:block; position:relative; }
.piclist .listbox img{ display:block; width:188px; margin-bottom:7px; }
.piclist .listbox span{ display:block; height:30px; overflow:hidden; }
.piclist .listbox .page_num{ position:absolute; right:0; bottom:37px; display:none; height:24px; line-height:24px; padding:0 8px; font-size:12px; color:#fff; background:url(../images/cover.png) repeat; background:rgba(0,0,0,.5); }
.piclist .listbott{ height:22px; line-height:22px; padding:5px 15px 0 0; margin-top:5px; font-size:12px;color:#888; position:relative; }
.piclist .listbott em{ display:block; position:absolute; left:0; top:0; background:url(../images/icosprit.png) no-repeat -40px -167px; padding:5px 0 0 10px; height:22px; line-height:21px; width:47px; text-align:center; overflow:hidden; }
.piclist .listbott span{ display:inline-block; }
.piclist .listbott span.fbl{ margin-left:78px; width:78px;     height: 22px;text-align:center; float:left;overflow: hidden }
.piclist .listbott a{ color:#888; }
.piclist .listbott a:hover{ color:#00a2ff; }
.piclist li:hover{ border:1px solid #00a2ff; box-shadow:0 0 12px rgba(0,0,0,.3); }
.piclist li:hover .listbott em{ background-position:-108px -167px; }
.piclist li:hover .page_num{ display:block; }


.default{ padding-top:30px; padding-bottom:20px; }
.default img{ display:block; margin:0 auto; }
.default p{ text-align:center; font-size:16px; color:#666; line-height:26px; margin-top:16px; }

/*lists*/
.colphoto,.textlist,.desklist{ width:102%; }
.colphoto li{ float:left; width:188px; margin-right:14px; margin-top:14px; height:auto; position:relative; }
.colphoto li a{ display:block; padding-bottom:10px; position:relative; }
.colphoto li img{ display:block; width:188px; height:281px; }
.colphoto li p{ height:40px; line-height:20px; padding:10px 3px 0; word-break:break-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.colphoto li a:hover{ background-color:#f4f4f4; }
.colphoto li a:hover img{ opacity:.8;filter:alpha(opacity=80); }
.desklist li{ float:left; width:188px; height:118px; margin:14px 14px 0 0; position:relative; overflow:hidden; }
.desklist li a{ display:block; padding-bottom:10px; position:relative; }
.desklist li img{ display:block; width:188px; height:118px; }
.desklist li span.name,.colphoto li span.name{ position:absolute; left:0; bottom:10px; background:url(../images/cover.png) repeat; background:rgba(0,0,0,.5); display:block; width:180px; padding:0 4px; height:32px; line-height:32px; color:#fff; text-align:center; overflow:hidden; }
.desklist li span.name,.colphoto li span.name{ -moz-transition: bottom 0.3s ease 0s; -webkit-transition: bottom 0.3s ease 0s; transition: bottom 0.3s ease 0s; }
.desklist li a:hover span.name,.colphoto li a:hover span.name{ position:absolute; bottom:-32px; *bottom:10px; }
.desklist li p{ height:40px; line-height:20px; padding:10px 3px 0; word-break:break-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.desklist li a:hover{ background-color:#f4f4f4; }
.desklist li a:hover img{ opacity:.8;filter:alpha(opacity=80); }
.textlist{ padding-top:12px; }
.textlist li{ float:left; width:376px; height:32px; line-height:32px; margin-right:30px; padding-left:1px; overflow:hidden; }
.textlist li a{ float:left; color:#999; margin-right:10px; }
.textlist li a.title{ color:#333; margin-right:0; max-width:255px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.textlist li a:hover{ color:#00a2ff; text-decoration:underline; }
.textlist li .time{ color:#999; }
.hauto li{ height:auto; margin-top:12px; }

/*=====频道页=====*/

/*分类*/
.desk_filter{ width:1194px; padding:3px; background:url(../images/oblique_line.gif) repeat; position:relative; }
.filter_col{ background:url(../images/oblique_line.gif) repeat; position:absolute; right:0; top:2px; bottom:0; width:3px; }
.filter_in{ width:1166px; padding:0 14px; background:#fff; }
.filter_item{ zoom:1; padding:12px 0 12px 73px; border-top:1px dotted #eaeaea; line-height:22px; position:relative; }
.first{ border-top:0 none; }
.filter_item dt{ position:absolute; left:0; top:14px; width:75px; text-align:left; color:#565656; font-weight:bold; }
.filter_item dd{ line-height:0; }
.filter_item .all,.filter_item .scr{ display:inline-block; height:22px; line-height:22px; padding:0 8px; margin:2px 2px 2px 0; background-color:#00a2ff; color:#fff; overflow:hidden; }
.filter_item .scr{ background-color:#fa8405; }
.filter_item a{ height:22px; line-height:22px; padding:0 6px; margin:2px 0; color:#565656; display:inline-block; position:relative; overflow:hidden; }
.filter_item a:hover{ background-color:#00a2ff; color:#fff; }
.filter_item .cur{ color:#fff; background-color:#00a2ff; }
.filter_item .color-item a{ padding-left:25px; padding-right:6px; }
.filter_item .color-item .all{ padding-left:8px; }
.filter_item .color-item .none{ padding-left:8px; }
.filter_item a i{ position:absolute; left:5px; top:4px; display:block; width:12px;height:12px; border:1px solid #cb1c1c; background:#de2020; }
.filter_item .orange i{border-color:#e96300;background:#fe6c00;}
.filter_item .yellow i{border-color:#e9b000;background:#febf00;}
.filter_item .green i{border-color:#539b23;background:#59a725;}
.filter_item .purple i{border-color:#7a27b7;background:#892bcf;}
.filter_item .pink i{border-color:#c63fab;background:#d744ba;}
.filter_item .cyan i{border-color:#07a6b7;background:#06b7c8;}
.filter_item .blue i{border-color:#005ceb;background:#0065fe;}
.filter_item .brown i{border-color:#6b3012;background:#733413;}
.filter_item .white i{border-color:#c0babc;background:#fff;}
.filter_item .black i{border-color:#000;background:#000;}
.filter_item .silvery i{border-color:#c0babc;background:#E0E0E0;}
.filter_item .gray i{border-color:#7B7B7B;background:#8E8E8E;}
.filter_item .resolution{ background:url(../images/easyicos.png) no-repeat 0 -319px; display:block; *width:175px; height:26px; line-height:26px; padding-left:21px; font-size:12px; overflow:hidden; }
.filter_item .resolution strong{ color:#ff0000; }
.filter_item .tag-item a{ padding:0; margin:0 13px 0 3px; display:inline; line-height:28px; }
.filter_item .tag-item a:hover{ color:#00a2ff; background-color:#fff; }
.sjbz_filter .filter_item dd.sjbz-dd{ height:52px; float:left; padding-right:3px; }
 
.desk-section,.recom-section,.zt-section{ margin-top:16px; }
.recom-section .bd,.zt-section .bd{ padding-top:1px; }
.recom-section li span.name{ bottom:-32px; }
.recom-section li a:hover span.name{ bottom:10px; }
.recom-section .colphoto li{ height:281px; overflow:hidden; }
.desk-section .bd{ padding-top:3px; }
.desk-section .desklist li span.name{ bottom:-32px; }
.desk-section .desklist li a:hover span.name{ position:absolute; bottom:0; }
.type-con{ width:996px; overflow:hidden; }
.type-side{ width:157px; padding:6px 0 0 29px; height:360px; background-color:#f8f8f8; border:1px solid #e2e2e2; margin-top:12px; }
.type-side a{ display:block; width:157px; height:48px; line-height:48px; text-indent:30px; font-size:16px; background-color:#fff; margin:14px 0 0 0; border:1px solid #ccc; border-right:0; border-radius:6px 0 0 6px; position:relative; }
.type-side a.on{ background-color:#00a2ff; border-color:#00a2ff; color:#fff; font-size:18px; font-weight:bold; }
.type-side a i{ background:url(../images/easyicos.png) no-repeat 0 -295px; position:absolute; right:21px; top:16px; display:block; width:9px; height:18px; overflow:hidden; }
.type-side a.on i{ background-position:-14px -295px; }
.col-type-side{ padding-top:4px; height:336px; }

.hot_tags_box{ width:1200px; margin-top:16px; overflow:hidden; }
.hot-tags a:hover{ text-decoration:underline; }
.hot-tags{ padding:15px 0 5px; overflow:hidden; line-height:30px;}
.hot-tags a{ margin-right:10px; white-space:normal; word-break:break-all; }
.hot-tags .f14{ font-size:14px; }
.hot-tags .f15{ font-size:15px; }
.hot-tags .f16{ font-size:16px; }
.hot-tags .f18{ font-size:18px; }
.hot-tags .style1{ color:#06f; }
.hot-tags .style2{ color:#f30; }
.hot-tags .style3{ color:#c60; }
.hot-tags .style4{ color:#060; }
.hot-tags .style5{ color:#930; }
.hot-tags .style6{ color:#93f; }
.hot-tags .style7{ color:#4b991f; }
.hot-tags .style8{ color:#d39f17; }
.hot-tags .style9{ color:#666; }
.mtnone{ margin:0 !important; }
.label-box{ padding:10px 15px 20px; border:1px solid #e0e0e0; width:1168px; overflow:hidden; }
.label-box .hd{ width:678px; }
.label-box .hot-tags{ padding-left:1px; padding-right:1px; }
.label-box .page{ margin-top:20px; }

.sjbz-wrap{ width:1200px; margin-top:18px; overflow:hidden; }
.sjbz-wrap .wrap-photo{ width:870px; overflow:hidden; }
.sjbz-wrap .wrap-photo ul{ margin-top:-16px; }
.sjbz-wrap .wrap-photo li{ float:left; float:left; width:158px; margin:16px 0 0 16px; height:236px; overflow:hidden; position:relative; }
.sjbz-wrap .wrap-photo li img{ display:block; width:158px; height:236px; }
.sjbz-wrap .wrap-photo li span.name{ position:absolute; left:0; bottom:-32px; background:url(../images/cover.png) repeat; background:rgba(0,0,0,.5); display:block; width:150px; padding:0 4px; height:32px; line-height:32px; color:#fff; text-align:center; overflow:hidden; }
.sjbz-wrap .wrap-photo li span.name{ -moz-transition: bottom 0.3s ease 0s; -webkit-transition: bottom 0.3s ease 0s; transition: bottom 0.3s ease 0s; }
.sjbz-wrap .wrap-photo li a:hover span.name{ position:absolute; bottom:0; }
.sjbz-wrap .wrap-photo li a:hover img{ opacity:.8;filter:alpha(opacity=80); }



/*=====专题=====*/
.ztmain{ width:1200px; margin:0 auto; position:relative; }
.ztmain .page{ margin-top:30px; }
.ztmain .piclist ul{ padding-bottom:0; }
.zt-section .ztlist{ padding:0 1px; width:102%; }
.zt-section .ztlist li{ float:left; width:188px; height:167px; margin:14px 14px 0 0; overflow:hidden; position:relative; }
/*.zt-section .ztlist li img{ display:block; width:188px; height:167px; }
.zt-section .ztlist li .name{ bottom:0; color:#fff; height:32px; line-height:32px; position:absolute; text-align:center; width:90%; padding:0 5%; overflow:hidden; -moz-transition: bottom 0.3s ease 0s; -webkit-transition: bottom 0.3s ease 0s; transition: bottom 0.3s ease 0s; z-index:2; }*/
.zt-section .ztlist li img{ display:block; width:188px; height:135px; }
.zt-section .ztlist li .name{ bottom:0; color:#fff; height:32px; line-height:32px; position:absolute; text-align:center; width:188px; overflow:hidden; -moz-transition: bottom 0.3s ease 0s; -webkit-transition: bottom 0.3s ease 0s; transition: bottom 0.3s ease 0s; z-index:2; }
.zt-section .ztlist li .name{ background:url(../images/cover.png) repeat; background:rgba(0,0,0,.5); }
.zt-section .ztlist li a:hover .name{ background:#00a2ff; filter:none; }
.zhuanti-ul{ padding:0 1px; width:102%; }
.zhuanti-ul li{ float:left; width:188px; margin:14px 14px 0 0; overflow:hidden; position:relative; }
.zhuanti-ul li img{ display:block; width:188px; height:167px; }
.zhuanti-ul li p{ line-height:36px; padding:0 3px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zhuanti-ul li a:hover p{ background:#00a2ff; color:#fff; }
.bz_recom{ padding-bottom:5px; margin-bottom:-5px; background:url(../images/oblique_line2.gif) repeat-x left bottom; margin-top:18px; position:relative; }
.bz_recom_in{ background-color:#fafafa; border:1px solid #d7d7d7; width:1153px; padding:14px 15px 14px 30px; line-height:28px; }
.bz_recom .icon{ background:url(../images/icosprit.png) no-repeat -94px -198px; position:absolute; top:-4px; left:-4px; display:block; width:55px; height:55px; text-indent:-9999em; overflow:hidden; z-index:1; }
.bz_recom a{ color:#565656; margin-right:21px; position:relative; z-index:2; }
.bz_recom a.red{ font-size:15px; }
.bz_recom a:hover{ color:#00a2ff; text-decoration:underline; }

.ztinfo .zt-left{ float:left; width:880px; height:425px; background-color:#f2f2f2; overflow:hidden; }
.ztinfo .zt-left .info-box{ padding:0 15px; }
.ztinfo .zt-left h1{ font-size:20px; font-weight:bold; color:#fa8405; }
.ztinfo .zt-left .title{ line-height:30px; padding:6px 0; }
.ztinfo .zt-left .desc{ color:#444; line-height:24px; height:72px; overflow-y: auto; }
.ztinfo .zt-left .time{ background:url(../images/easyicos.png) no-repeat 0 -381px; display:block; height:18px; line-height:18px; font-size:12px; color:#888; padding-left:20px; margin-top:6px; overflow:hidden; }
.ztinfo .zt-right{ float:right; width:273px; height:410px; padding:13px 14px 0 16px; border:1px solid #e2e2e2; overflow:hidden; }
.ztinfo .hot-tags{ line-height:28px; padding-top:10px; padding-bottom:0; height:364px; overflow:hidden; }
.ztinfo .hot-tags a{ margin-right:12px; }

/*=====站点介绍=====*/
.about_con{ min-height:500px; margin-top:18px; }
.about_left{ float:left; width:228px; border:1px solid #999; font-size:16px; overflow:hidden; }
.about_left ul{ padding:9px 14px 14px; }
.about_left li{ height:44px; line-height:44px; margin:5px 0 0; text-align:center; }
.about_left li a,.about_left li span{ display:block; }
.about_left li a:hover{ background-color:#ffa93c; color:#FFF; }
.about_left li .cur_ab{ background-color:#00a2ff; color:#fff; font-weight:bold; }
.about_right{ overflow:hidden; }
.about_right h3{ border-bottom:1px solid #999; color:#00a2ff; font-size:20px; font-weight:bold; line-height:46px; padding-top:12px; }
.about_right .content{ padding:14px 0 0; line-height:28px; }
.map-con{ padding:0 1px; }
.map-con p{ font-size:14px; line-height:28px; border-bottom:1px dotted #e2e2e2; padding:10px 0; }
.map-con p:last-child{ border-bottom:0 none; }
.map-con p a{ color:#f1f1f1; margin-right:27px; }
.map-con p a:hover{ text-decoration:underline; color:#00a2ff; }
.map-con p span.flei{ display:block; width:100%; }
.map-con p span.flei a{ color:#fff; font-weight:bold; font-size:15px; }
.map-con p span.flei a:hover{ color:#00a2ff; text-decoration:none; }






.boxleft{
    float:left;
    width:790px;
    border-top:2px solid #0D85DE;
    font-family: SimSun,Arial,Helvetica;
    overflow:hidden;
}
.boxleft .hd{
    height:35px;
    padding-left:28px;
    border:1px solid #E9E9E9;
    border-top:medium none;
    background:url(../images/hd_bg.jpg) 12px 0 no-repeat;
    font:bold 14px/35px SimSun;
    color:#5A5A5A;
}
.boxleft .bd{
    padding: 25px 0;
    border:1px solid #E9E9E9;
    border-top:medium none;
}
.boxleft .itemlist li{
    float:left;
    margin-bottom: 25px;
}
.boxleft .item{
    width:394px;
    height:171px;
    background:url(../images/item_bg.jpg) center center no-repeat;
    overflow:hidden;
}

.boxleft .item .down{
    float:right;
    display:block;
    width:58px;
    height:18px;
    margin-right: 16px;
    background:url(../images/down_bg.png) 0 0 no-repeat;
}
.item .title{
    width:145px;
    height:30px;
    float:left;
    display: inline;
    margin-left: 10px;
    line-height: 30px;
    text-align:center;
    color:#686868;
    overflow:hidden;
}
.ibd{
    padding:10px 6px;
    position: relative;
}
.ibd div{
    float:left;
    display: inline;
    position: relative;
    width:110px;
    height:110px;
    overflow:hidden;
}

.ibd>a {
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    height: 100px;
}

.ibd a:hover{
    text-decoration: none;
}
.ibd>a>span {
    width: 33.33%;
    padding: 0 5px;
}
/*.ibd  span{*/
/*    display: table-cell;*/
/*    width:33.3%;*/
/*    height: auto;*/
/*    text-align: center;*/
/*    vertical-align: middle;*/
/*    overflow:hidden;*/
/*	*display: inline-block;*/
/*    *width:109px;*/
/*	*font-size:96px;*/
/*}*/
.ibd img{
    width:100%;
    height: auto;
    vertical-align: middle;
    max-height: 100px;
}

/* 表情包页面 */
.biaoqingbao .item .title {
    width: 145px;
    height: 30px;
    float: left;
    display: inline;
    margin-left: 10px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    font-size: 14px;
    letter-spacing:normal;
}

.piclist1 li{ float:left; border:1px solid#40464a; width:24%; margin-right:10px; margin-bottom:18px; padding-bottom:11px; overflow:hidden; background-color: #40464a;}
.piclist1 .listbox{ padding:15px 15px 0; width:188px; text-align:center; line-height:30px; }
.piclist1 .listbox a{ display:block; position:relative; }
.piclist1 .listbox img{ display:block; width:188px; margin-bottom:7px; }
.piclist1 .listbox span{ display:block; height:30px; overflow:hidden; }
.piclist1 .listbox .page_num{ position:absolute; right:0; bottom:37px; display:none; height:24px; line-height:24px; padding:0 8px; font-size:12px; color:#fff; background:url(../images/cover.png) repeat; background:rgba(0,0,0,.5); }
.piclist1 .listbott{ height:22px; line-height:22px; padding:5px 15px 0 0; margin-top:5px; font-size:12px;color:#888; position:relative; }
.piclist1 .listbott em{ display:block; position:absolute; left:0; top:0; background:url(../images/icosprit.png) no-repeat -40px -167px; padding:5px 0 0 10px; height:22px; line-height:21px; width:47px; text-align:center; overflow:hidden; }
.piclist1 .listbott span{ display:inline-block; }
.piclist1 .listbott span.fbl{ margin-left:78px; width:78px;     height: 22px;text-align:center; float:left;overflow: hidden }
.piclist1 .listbott a{ color:#888; }
.piclist1 .listbott a:hover{ color:#00a2ff; }
.piclist1 li:hover{ border:1px solid #00a2ff; box-shadow:0 0 12px rgba(0,0,0,.3); }
.piclist1 li:hover .listbott em{ background-position:-108px -167px; }
.piclist1 li:hover .page_num{ display:block; }
.piclist1 .item{
    display: flex;
    flex-direction: column;
}
.friendly-links {
    margin-top: 20px
}
.friendly-links h3 span {
    font-size: 20px;
    font-weight: bold;
}
.friendly-links h3 p {
    display: inline-block;
    margin-left: 10px;
}
.friendly-links div {
    margin-top: 10px;
    display: flex;
    flex-flow: wrap;
}
.friendly-links div a {
    margin: 0 10px 5px 0;
}